body{
    background:#fafff7;
    /*background:#F6F6F6;*/
    padding-bottom:1.52rem;
}
.main_container{
    height:auto;
}
/*��������*/
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}
/*ͷ��*/
header{
    width:100%;
    height:1rem;
    position:relative;
    border-bottom:1px solid #E5E5E5;
    background: #fff;
    color:#FB7299;

}
header h3:before{
    position: absolute;
    content:"";
    width:0.8rem;
    height:0.6rem;
    top:50%;
    margin-top:-0.3rem;
    text-align: center;
    left:0.2rem;
    color:#FB7299;
    background:url("../images/logo11.png") no-repeat;
    background-size:0.6rem 0.6rem;
    /*background-size:0.7rem 0.7rem;*/
    font-size:0.52rem;
}
header h3:after{
    content:'\e604';
    position:absolute;
    width:1rem;
    height:1rem;
    line-height:1rem;
    text-align: center;
    right:0.04rem;
    color:#FB7299;
    font-family: iconfont;
    font-size:0.48rem;
}

header h3{
    padding:0 0.8rem;
    height:1rem;
    line-height:1rem;
    text-align: center;
    font-size:0.36rem;
}

.logined{
    /*margin-top:0.2rem;*/

}
.logined ul{
    padding-top:4px;
    display:flex;
    flex-wrap:wrap;
    padding:0.12rem;
}

.logined ul li{
    float:left;
    width:1.96rem;
    box-sizing: border-box;
    padding:0.12rem;
    /*border:2px solid #FB7299;*/
    margin-right:0.12rem;
    margin-top:0.12rem;
}
.logined ul li:nth-child(3n){
    margin-right:0;
}

.logined ul li a{
    display:block;

}
.logined ul li img{
    width:100%;
    height:2.08rem;
    border:2px solid #FB7299;

}
.logined ul li p{
    text-align: center;
    font-size:0.28rem;
    color:#000;
}

.logined ul li:last-of-type a{
    width:1.72rem;
    height:2.08rem;
    line-height: 2.08rem;
    text-align: center;
    border:2px dashed #FB7299;
    font-size:1rem;
    color:#FB7299;
}


/*ɾ���鼮*/
.delete_novel{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    background:rgba(51,51,51,0.5);

}
.delete{
    position: absolute;
    width:5rem;
    height:2rem;
    padding: 0.2rem 0.4rem;
    background:#fff;
    border-radius:0.08rem;
    top:50%;
    left:50%;
    margin-top:-2.2rem;
    margin-left:-2.5rem;
}

.delete p{
    font-size:0.32rem;
    font-family:Helvetica;
    /*font-weight: bold;*/
}

.delete span{
   float:right;
    padding:0.4rem 0.2rem;
    font-size:0.28rem;
    color:#FB7299;
}

/*���ѵ�����*/
.mask_tip{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    background:rgba(51,51,51,0.5);
}

.mask_tip .mask_content{
    position: absolute;
    width:5rem;
    height:2rem;
    padding: 0.2rem 0.4rem;
    background:#fff;
    border-radius:0.08rem;
    top:50%;
    left:50%;
    margin-top:-2.2rem;
    margin-left:-2.5rem;
}

.mask_tip .mask_content p{
    text-align: center;
    margin-top:0.48rem;
    font-size:0.36rem;
    color:#FB7299;
}



.nav{
    position: fixed;
    width:100%;
    height:1.2rem;
    background: #fff;
    bottom:0;
    border-top:0.04rem solid #e5e5e5;

}
.nav ul{
    display: flex;
    height:100%;
}
.nav ul li{
    flex:1;
    /*height:100%;*/
    /*line-height:60px;*/
    box-sizing: border-box;
    text-align: center;
}

.nav ul li:nth-child(2) a{
    color:#FB7299;
}
.nav ul li a{
    display: block;
    padding-top:0.12rem;
    color:#6E6E6E;

}
.nav ul li a:before{
    content:"\e634";
    font-family:iconfont;
    font-size:0.48rem;
    font-weight: bold;
}
.nav ul li a p{
    font-size:0.24rem;
}
.nav ul li .bookcase:before{
    content:"\e645";
}

.nav ul li .search:before{
    content:"\e665";
}
.nav ul li .personnal:before{
    content:"\e623";
}
